﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="product.aspx.cs" Inherits="StoreWeb.system.basis.product" %>

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
<script type="text/javascript" src="../../lib/html5.js"></script>
<script type="text/javascript" src="../../lib/respond.min.js"></script>
<script type="text/javascript" src="../../lib/PIE_IE678.js"></script>
<![endif]-->
    <link href="../../css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="../../css/style.css" rel="stylesheet" type="text/css" />
    <link href="../../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="../../css/extension.css" rel="stylesheet" />
    <!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
    <title>商品信息管理</title>
    <style>
        body {
            overflow: hidden;
        }

        #tv table {
            width: auto;
            margin-left: 20px;
        }

        .trbkgroud {
            background: #ddd;
        }
    </style>
</head>
<body>
    <form id="form" runat="server">
        <div class="pos-a" style="width: 150px; left: 0; top: 0; bottom: 0; overflow: auto; height: 100%; border-right: 1px solid #e5e5e5; background-color: #f5f5f5">

            <asp:TreeView ID="tv" runat="server" ImageSet="Arrows"></asp:TreeView>

        </div>
        <div style="margin-left: 150px;">
            <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基础档案 <span class="c-gray en">&gt;</span> 商品信息 <a class="btn btn-success radius r mr-20" style="line-height: 1.6em; margin-top: 3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
            <div class="pd-20">
                <div class="text-c">
                    <div style="width: 500px; float: left; margin: 0px 0px 5px 0px;">
                        <span class="select-box inline">
                            <asp:DropDownList ID="typelist" CssClass="select" runat="server"></asp:DropDownList>
                        </span>
                        <input type="text" class="input-text" style="width: 250px" placeholder="输入存货名称" id="name" name="name" runat="server">
                        <asp:Button ID="btnserach" class="btn btn-success radius" runat="server" Text="搜索" OnClick="btnserach_Click" />
                    </div>
                    <div style="width: 130px; float: right"><span class="l"><%--<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>--%> <a class="btn btn-primary radius" href="javascript:;" onclick="admin_add('同步商品信息','productedit.aspx','700','240')"><i class="Hui-iconfont">&#xe600;</i> 同步商品信息</a> </span></div>
                </div>
                <div class="table-container">
                    <table id="product" class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr>
                                <th scope="col" colspan="6">商品信息管理<span class="r">共有数据：<strong><%=AspNetPager1.RecordCount %></strong> 条</span> </th>
                            </tr>
                            <tr class="text-c">
                                <%--  <th width="25">
                        <input type="checkbox" value="" name=""></th>--%>
                                <th width="80">存货编码</th>
                                <th width="100">存货代码</th>
                                <th width="300">存货名称</th>
                                <th width="100">规格型号</th>
                                <%--  <th width="100">参考成本</th>
                                <th width="100">吊牌价</th>
                                <th width="100">最低售价</th>--%>
                                <th width="100">存货大类</th>
                                <th width="110">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <asp:Repeater ID="Repeater1" runat="server">
                                <ItemTemplate>
                                    <tr class="text-c">
                                        <%-- <td>
                                <input type="checkbox" value="<%#Eval("id") %>" name=""></td>--%>
                                        <td  width="80" onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("cInvCode") %></td>
                                        <td width="100" onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("cInvAddCode") %></td>
                                        <td width="300" onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')" style="text-align: left"><%#Eval("cInvName") %></td>
                                        <td width="100" onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("cInvStd") %></td>
                                        <%--        <td onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("iInvSPrice") %></td>
                                        <td onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("iInvSCost") %></td>
                                        <td onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')"><%#Eval("iInvLSCost") %></td>--%>
                                        <td width="100" onclick="size('<%#Eval("cInvStd") %>','<%#Eval("cInvCode") %>')" style="text-align: left"><%#gettypename(Eval("cInvCCode").ToString()) %></td>
                                        <td width="100" class="f-14">
                                            <%--<asp:ImageButton ID="ImageButton1" runat="server" title="查看尺寸信息" Style="height: 12px; width: 12px;" ImageUrl="~/images/chakan.png" />--%>
                                            <a title="添加尺寸" href="javascript:;" onclick="size_add('添加尺寸信息','sizeedit.aspx','<%#Eval("cInvStd")%>','800','500')" style="text-decoration: none; height: 15px; padding: 0px 2px; font-size: 12px;"><i class="Hui-iconfont">&#xe600;</i></a>
                                            <a title="编辑特体尺寸" href="javascript:;" onclick="tetisize_add('编辑特体尺寸','productvalue.aspx','<%#Eval("cInvStd")%>','800','500')" style="text-decoration: none; height: 15px; padding: 0px 2px; font-size: 12px;"><i class="Hui-iconfont">特体尺寸</i></a>
                                        </td>
                                    </tr>
                                </ItemTemplate>
                            </asp:Repeater>

                        </tbody>
                    </table>
                    <div>
                        <asp:HiddenField ID="hidcInvStd" runat="server" />
                        <asp:HiddenField ID="hidcInvCode" runat="server" />
                        <asp:HiddenField ID="hidwhere" runat="server" />
                        <asp:HiddenField ID="hidbeifenhidcinvstd" runat="server" />
                        <webdiyer:AspNetPager ID="AspNetPager1" runat="server" FirstPageText="首页" NextPageText="下一页" LastPageText="尾页" PrevPageText="上一页" UrlPaging="true" CssClass="pagination" LayoutType="Ul" PagingButtonLayoutType="UnorderedList" PagingButtonSpacing="0" CurrentPageButtonClass="active" PageSize="15" OnPageChanged="AspNetPager1_PageChanged">
                        </webdiyer:AspNetPager>
                    </div>
                </div>
                <div class="table-container">
                    <table class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr>
                                <th colspan="7">尺寸信息<span id="selectsearch"></span></th>
                             
                            </tr>
                            <tr class="text-c">
                                <%--  <th width="25">
                        <input type="checkbox" value="" name=""></th>--%>
                                <th width="80">尺寸编码</th>
                                <%--<th width="100">所属尺寸</th>--%>
                                <th width="300">尺寸属性</th>
                                <th width="100">参考尺寸值</th>
                                <th width="100">最小偏差量</th>
                                <th width="100">最大偏差量</th>
                                <%--<th width="100">所属分组</th>--%>
                                <th width="100">备注</th>
                                <th width="70">操作</th>
                            </tr>
                        </thead>
                        <tbody id="sizetbody">
                        </tbody>
                    </table>
                </div>
                <div class="table-container">
                    <table class="table table-border table-bordered table-hover table-bg table-sort">
                        <thead>
                            <tr>
                                <th scope="col" colspan="3">特体尺寸信息</th>
                            </tr>
                            <tr class="text-c">
                                <th width="80">特体属性</th>
                                <th width="300">特体描述</th>
                                <th width="70">操作</th>
                            </tr>
                        </thead>
                        <tbody id="tetisizetbody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>

    <script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="../../lib/layer/1.9.3/layer.js"></script>
    <script type="text/javascript" src="../../lib/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="../../js/H-ui.js"></script>
    <script type="text/javascript" src="../../js/H-ui.admin.js"></script>
    <style>
        .table-container {
            width: 100%;
            margin: 5px 0;
            height: 100px;
        }

            .table-container thead {
                width: 100%;
            }

            .table-container.scroll {
                position: relative;
                overflow-x: hidden;
                overflow-y: auto;
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
            }

                .table-container.scroll thead {
                    position: absolute;
                    top: 0;
                    left: 0;
                }
    </style>
    <script>
        function initTableContainer() {
            var $tableContainer = $('.table-container');
            var documentHeight = document.documentElement.clientHeight;
            var height = (documentHeight - 100) / 3;
            $.each($tableContainer, function () {
                var $this = $(this).height(height);
                var $table = $('table', $this);
                var tableHeight = $table.height();
                if (tableHeight > height) {
                    $this.addClass('scroll');
                    var $thead = $('thead', $this);
                    var headerHeight = $thead.height();
                    $table.css('padding-top', headerHeight - 1);
                    var $firstTr = $('tr', $thead).first();
                    $('th', $firstTr).width($this.width()-1);
                }
            });
            $tableContainer.scroll(function () {
                var $this = $(this);
                var scrollTop = $this.scrollTop();
                $('thead', $this).css('top', $this.scrollTop());
            });
        }
        $(function () {
            initTableContainer();
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $("#product tbody tr").click(function () {
                $(this).addClass("trbkgroud").siblings("tr").removeClass("trbkgroud");
            });
            $("#product tbody tr").eq(0).addClass("trbkgroud").siblings("tr").removeClass("trbkgroud");
            size($("#hidcInvStd").val(), $("#hidcInvCode").val());//初始化第一行
        });
        //获取所有尺寸
        function size(cInvStd, cInvCode) {
            $("#hidcInvStd").val(cInvStd);
            $("#hidcInvCode").val(cInvCode);
            getsizegroup(cInvStd);
            getsize(cInvStd, "");
            gettetisize(cInvStd)
        }
        function searchsize(cInvStd, sizecode) {
            getsize(cInvStd, sizecode);
        }
        function getsizegroup(cInvStd) {
            $.ajax({
                url: "../../ajax/product.aspx?action=getsize&cInvStd=" + cInvStd,
                dataType: "json",
                success: function (data) {
                    var list = "";
                    var select = $("<select></select>")
                            .off("change")
                            .on("change", function () {
                                searchsize($("#hidcInvStd").val(), $(this).val());
                            });
                    $.each(data.group, function (n, item) {
                        $("<option></option>")
                            .attr("value", item.code)
                            .html(item.code)
                            .appendTo(select);
                    });
                    $("#selectsearch").html(select);
                }
            });
        }
        //获取商品尺寸
        function getsize(cInvStd, str) {
            $.ajax({
                url: "../../ajax/product.aspx?cInvStd=" + cInvStd + "&action=getsize&str=" + str,
                dataType: "json",
                success: function (data) {
                    var list = "";
                    $.each(data.list, function (n, item) {
                        list += "<tr class=\"text-c\">";
                        list += "<td width=\"80\">" + item.code + "</td>";
                        list += "<td width=\"300\" style=\"text-align: left\">" + item.name + "</td>";
                        list += "<td width=\"100\">" + (item.value == '' ? '--' : item.value) + "</td>";
                        list += "<td width=\"100\">" + (item.minpx == '' ? '--' : item.minpx) + "</td>";
                        list += "<td width=\"100\">" + (item.maxpx == '' ? '--' : item.maxpx) + "</td>";
                        //list += "<td>" + (item.groups == '' ? '--' : item.groups) + "</td>";
                        list += "<td width=\"100\">" + (item.note == '' ? '--' : item.note) + "</td>";
                        list += "<td width=\"70\" class=\"f-14\"><a title=\"编辑\" href=\"javascript:;\" onclick=\"size_edit('修改尺寸信息','sizeedit.aspx','" + item.id + "','" + cInvStd + "',800,500)\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a><a title=\"删除\" href=\"javascript:;\" onclick=\"size_del(this,'" + item.id + "')\" class=\"ml-5\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a> </td>";
                        list += "</tr>";
                    });
                    $("#sizetbody").html(list);
                    initTableContainer();
                }
            });
        }
        //获取特体尺寸
        function gettetisize(cInvCode) {
            $.ajax({
                url: "../../ajax/product.aspx?cInvCode=" + cInvCode + "&action=gettetisize",
                dataType: "json",
                success: function (data) {
                    var list = "";
                    $.each(data, function (n, item) {
                        list += "<tr class=\"text-c\">";
                        list += "<td width=\"80\">" + item.name + "</td>";
                        list += "<td width=\"300\" style=\"text-align: left\">" + item.value + "</td>";
                        list += "<td width=\"70\" class=\"f-14\"><a title=\"编辑\" href=\"javascript:;\" onclick=\"tetisize_update('修改特体尺寸信息','productvalue.aspx','" + item.id + "',800,500)\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a><a title=\"删除\" href=\"javascript:;\" onclick=\"tetisize_del(this,'" + item.id + "')\" class=\"ml-5\" style=\"text-decoration: none\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a> </td>";
                        list += "</tr>";
                    });
                    $("#tetisizetbody").html(list);
                    initTableContainer();
                }
            });
        }
        function layer_showend(title, url, w, h) {
            if (title == null || title == '') {
                title = false;
            };
            if (url == null || url == '') {
                url = "404.html";
            };
            if (w == null || w == '') {
                w = 800;
            };
            if (h == null || h == '') {
                h = ($(window).height() - 50);
            };
            layer.open({
                type: 2,
                area: [w + 'px', h + 'px'],
                fix: false, //不固定
                maxmin: true,
                shade: 0.4,
                title: title,
                content: url,
                end: function () {
                    size($("#hidcInvStd").val(), $("#hidcInvCode").val());
                }
            });
        }
        function size_add(title, url, id, w, h) {
            if (id == '') {
                layer.msg("未找到规格型号", { icon: 0 });
                return;
            }
            layer_showend(title, url + "?cinvstd=" + id, w, h);
        }
        function tetisize_add(title, url, id, w, h) {
            if (id == '') {
                layer.msg("未找到规格型号", { icon: 0 });
                return;
            }
            layer_showend(title, url + "?cInvCode=" + id, w, h);
        }
        function tetisize_update(title, url, id, w, h) {
            if (id == '') {
                layer.msg("未找到规格型号", { icon: 0 });
                return;
            }
            layer_showend(title, url + "?id=" + id, w, h);
        }
        function size_edit(title, url, id, cinvstd, w, h) {
            layer_showend(title, url + "?id=" + id + "&cinvstd=" + cinvstd, w, h);
        }
        function tetisize_del(obj, id) {
            layer.confirm('删除须谨慎，确认要删除吗？', function (index) {
                $.post("../../ajax/size.aspx", { action: "tetidelete", id: id },
                       function (data) {
                           if (data == "1") {
                               $(obj).parents("tr").remove();
                               layer.msg('已删除!', { icon: 1, time: 1000 });
                           } else if (data == "2") {
                               layer.msg("已经在订单中使用，无法删除", { icon: 0, time: 1000 });
                           }
                           else {
                               layer.msg("操作失败", { icon: 0, time: 1000 });
                           }
                       });
            });
        }
        function size_del(obj, id) {
            layer.confirm('删除须谨慎，确认要删除吗？', function (index) {
                $.post("../../ajax/size.aspx", { action: "delete", id: id },
                       function (data) {
                           if (data == "1") {
                               $(obj).parents("tr").remove();
                               layer.msg('已删除!', { icon: 1, time: 1000 });
                           }
                           else {
                               layer.msg("操作失败", { icon: 0, time: 1000 });
                           }
                       });
            });
        }
        function search() {
            location.href = "?typelist=" + $("#typelist").val() + "&name=" + $("#name").val();
        }
        function admin_add(title, url, w, h) {
            layer_show(title, url, w, h);
        }
        
    </script>
</body>
</html>
